<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>首页-公寓维修-双欧</title>
  <meta name="description"
        content="码力兄弟是按需用IT人才“Uber”，快准好的匹配合适的人解决企业产品技术问题，通过匹配技术咨询顾问、技术开发团队、驻场用人、全职用人甚至技术VC等一站式为企业提供技术服务解决方案的平台"/>
  <meta name="keywords" content="码力兄弟,众包,软件众包,软件外包,项目外包,项目需求,程序员接活,兼职,私活,软件开发,小程序"/>
  <meta name="copyright" content="上海易推信息科技有限公司"/>
  <meta name="author" content="evil_web（429391294@qq.com）"/>
  <link rel="stylesheet" type="text/css" href="css/city.css"/>
  <link rel="stylesheet" type="text/css" href="css/base.css"/>
  <link rel="stylesheet" type="text/css" href="css/common.css"/>
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
  <link type="text/css" rel="stylesheet" href="css/owl.carousel.css">
  <link type="text/css" rel="stylesheet" href="css/owl.theme.css">
  <!--[if lte IE 9]>
  <script type="text/javascript" src="js/html5shiv-printshiv-3.js"></script>
  <![endif]-->
</head>
<body>

<div class="bg bg-fff">
  <!--公共头部 header start-->
  <header class="header-index">
    <div class="container posR">
      <a href="javascript:;" class="logo">
        <img src="images/logo.png" alt="">
      </a>
      <div class="top-address">
        <span class="location">上海</span>
        <a href="javascript:;" class="change-city">
          切换城市
          <span class="icon bg-btn_arrow_down_line_n"></span>
        </a>
        <p class="more-city-notice">
          您正在浏览上海市双鸥服务，是否 <a href="javascript:;" class="color-blue show-city">切换城市？</a>
          <a href="javascript:;" class="close bg-btn_close_n"></a>
        </p>
        <div class="top-more-city none">
          <span class="city-item">北京</span>
          <span class="city-item city-item-select">上海</span>
          <span class="city-item">广州</span>
          <span class="city-item">深圳</span>
          <span class="city-item">杭州</span>
          <span class="city-item">天津</span>
          <span class="city-item">成都</span>
          <span class="city-item">西安</span>
          <span class="city-item">武汉</span>
          <span class="city-item">重庆</span>
          <span class="city-item">南京</span>
          <a href="javascript:;" class="city-item-more">更多城市＞</a>
        </div>
      </div>
      <div class="header-right">
        <span class="message">我的消息</span>
        <span class="user-name">上海ZARA <em class="icon bg-btn_arrow_down_line_n"></em></span>
        <div class="user-bar bg-bg_xialacaidan none">
          <a href="javascript:;">订单管理</a>
          <a href="javascript:;">地址管理</a>
          <a href="javascript:;">发票管理</a>
          <a href="javascript:;">意见反馈</a>
          <a href="javascript:;">退出登录</a>
        </div>
        <span class="welcome-back">欢迎回来：</span>

      </div>
    </div>
  </header>
  <!--公共头部  header end-->

  <div class="container main">
    <p class="path-small">
      <a href="javascript:;">首页</a>/
      <a href="javascript:;">维修服务</a>/
      <a href="javascript:;">公寓</a>
    </p>
    <div class="plant-tit mt0">
      <p class="span01"> 公寓场景 </p><p class="span02 fz16" style="line-height:35px;">选择具体类别有助于维修师傅为您带来更高效的服务。不想选择，也可以<a href="javascript:;" class="color-blue">直接下单＞</a></p>
    </div>
    <div class="maintain-top-box maintain-top-apartment">
      <a href="javascript:;" class="maintain-item maintain-apartment-thb">
        <em class="icon"></em>
        <span>天花板</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-qm">
        <em class="icon"></em>
        <span>墙面</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-rgd">
        <em class="icon"></em>
        <span>日光灯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-sjd">
        <em class="icon"></em>
        <span>水晶灯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-blm">
        <em class="icon"></em>
        <span>玻璃门</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-lt">
        <em class="icon"></em>
        <span>楼梯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-mzm">
        <em class="icon"></em>
        <span>木质门</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-syj">
        <em class="icon"></em>
        <span>试衣间</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-tjx">
        <em class="icon"></em>
        <span>踢脚线</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-yz">
        <em class="icon"></em>
        <span>椅子</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-zz">
        <em class="icon"></em>
        <span>桌子</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-dt">
        <em class="icon"></em>
        <span>地毯</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ctg">
        <em class="icon"></em>
        <span>抽屉柜</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-gm">
        <em class="icon"></em>
        <span>柜门</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-sf">
        <em class="icon"></em>
        <span>沙发</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-sc">
        <em class="icon"></em>
        <span>水槽</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-xsd">
        <em class="icon"></em>
        <span>下水道</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ch">
        <em class="icon"></em>
        <span>窗户</span>
      </a>
    </div>
    <div class="maintain-tab">
      <a href="javascript:;" class="maintain-tab-item maintain-tab-item_hover">全部类别</a>
      <div id="product">
        <div id="content">
          <div id="content_list">
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">窗户</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">窗帘</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">桌子</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">椅子（2）</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">天花板</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">墙面</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">沙发（2）</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">地毯</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">木质门</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">玻璃门</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">踢脚线</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">日光灯</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">前台</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">楼梯</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">下水道</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">水槽</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">试衣间</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">抽屉柜</a>
            <a href="javascript:;" class="maintain-tab-item apartment-jumpTo">柜门</a>
          </div>
        </div>
        <span class="next maintain-tab-item-more">》》</span>
      </div>
      <a href="javascript:;" class="maintain-tab-item-clear">清空选择</a>
    </div>

    <p class="maintain-sub-tit">
      <span class="name">请选择损坏部位：</span>
      <span class="text">办公椅</span>
    </p>
    <div class="pro-maintain pro-maintain-office" data-class="apartment-jumpTo">
      <div class="scroll-outer">
        <div id="scroll" class="owl-carousel scroll">
          <!--窗户-->
          <div class="item">
            <div class="item-top item-top-apartment item-top-window">
              <a href="javascript:;" class="pro-detail-item pro-window-item-cz pro-detail-item_hover">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-mz">门轴</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-ls">螺丝</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-sb">手柄</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-ljq pro-detail-item_hover">连接器</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-sk">锁孔</a>
              <a href="javascript:;" class="pro-detail-item pro-window-item-gd">轨道</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--窗帘-->
          <div class="item">
            <div class="item-top item-top-apartment item-top-curtain">
              <a href="javascript:;" class="pro-detail-item pro-curtain-item-cz pro-detail-item_hover">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-curtain-item-jz">卷轴</a>
              <a href="javascript:;" class="pro-detail-item pro-curtain-item-lx pro-detail-item_hover">拉线</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--办公桌-->
          <div class="item">
            <div class="item-top item-top-apartment item-top-desk">
              <a href="javascript:;" class="pro-detail-item pro-desk-item-cz ">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-ys">钥  匙</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-ct pro-detail-item_hover">抽  屉</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-mg">门  柜</a>
              <a href="javascript:;" class="pro-detail-item pro-desk-item-lz pro-detail-item_hover">轮  子</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--办公椅-->
          <div class="item">
            <div class="item-top item-top-apartment item-top-chair">
              <a href="javascript:;" class="pro-detail-item pro-chair-item-cz pro-detail-item_hover">材质</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-kb">靠背</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-fs pro-detail-item_hover">扶手</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-ls">螺丝</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-zd">坐垫</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-sjq">升降器</a>
              <a href="javascript:;" class="pro-detail-item pro-chair-item-lz">轮子</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>

          <!--天花板-->
          <div class="item">
            <div class="item-top item-top-apartment item-top-ceiling">
              <a href="javascript:;" class="pro-detail-item pro-ceiling-item-bmtl pro-detail-item_hover">表面脱落</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定
            </a>
          </div>
          <!--墙面-->
          <div class="item">
            <div class="item-top item-top-apartment item-top-wall">
              <a href="javascript:;" class="pro-detail-item pro-wall-item-fs pro-detail-item_hover">粉刷</a>
              <a href="javascript:;" class="pro-detail-item pro-wall-item-kl">开裂</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（1）
            </a>
          </div>
          <!--沙发-->
          <div class="item">
            <div class="item-top item-top02 item-top-sofa">
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-cz pro-detail-item_hover">材质</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-kb">靠背</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-fs pro-detail-item_hover">扶手</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-th">弹簧</a>
              <a href="javascript:;" class="pro-detail-item pro-sofa-item-sft">沙发腿</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--地毯-->
          <div class="item">
            <div class="item-top item-top02 item-top-carpet">
              <a href="javascript:;" class="pro-detail-item pro-carpet-item-dt pro-detail-item_hover">地毯</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定
            </a>
          </div>
          <!--木质门-->
          <div class="item">
            <div class="item-top item-top02 item-top-woodenDoor">
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-cz pro-detail-item_hover">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-bmq">闭门器</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-mbs pro-detail-item_hover">门把手</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-ms">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-woodenDoor-item-ys">钥  匙</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--玻璃门-->
          <div class="item">
            <div class="item-top item-top02 item-top-glassDoor">
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-cz pro-detail-item_hover">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-mz">门轴</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-mbs pro-detail-item_hover">门把手</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-ms">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-glassDoor-item-ys">钥  匙</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--踢脚线-->
          <div class="item">
            <div class="item-top item-top02 item-top-skirting">
              <a href="javascript:;" class="pro-detail-item pro-skirting-item-tjx pro-detail-item_hover">踢脚线</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定
            </a>
          </div>

          <!--日光灯-->
          <div class="item">
            <div class="item-top item-top02 item-top-sunlight">
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-zlq pro-detail-item_hover">镇流器</a>
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-qhq">启辉器</a>
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-dg pro-detail-item_hover">灯  管</a>
              <a href="javascript:;" class="pro-detail-item pro-sunlight-item-dz">灯  罩</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--前台-->
          <div class="item">
            <div class="item-top item-top02 item-top-reception">
              <a href="javascript:;" class="pro-detail-item pro-reception-item-cz pro-detail-item_hover">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-ys">钥  匙</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-ms">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-mz">门  轴</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-cst">锁插头</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-cb">层  板</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-gd">轨  道</a>
              <a href="javascript:;" class="pro-detail-item pro-reception-item-mbs pro-detail-item_hover">门把手</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--楼梯-->
          <div class="item">
            <div class="item-top item-top02 item-top-stairs">
              <a href="javascript:;" class="pro-detail-item pro-stairs-item-fs pro-detail-item_hover">扶  手</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定
            </a>
          </div>
          <!--下水道-->
          <div class="item">
            <div class="item-top item-top02 item-top-sewer">
              <a href="javascript:;" class="pro-detail-item pro-sewer-item-xsd pro-detail-item_hover">下水道</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定
            </a>
          </div>
          <!--水槽-->
          <div class="item">
            <div class="item-top item-top02 item-top-sink">
              <a href="javascript:;" class="pro-detail-item pro-sink-item-sc pro-detail-item_hover">水槽</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定
            </a>
          </div>

          <!--试衣间-->
          <div class="item">
            <div class="item-top item-top02 item-top-fittingRoom">
              <a href="javascript:;" class="pro-detail-item pro-fittingRoom-item-mlj pro-detail-item_hover">门帘架</a>
              <a href="javascript:;" class="pro-detail-item pro-fittingRoom-item-gyj">挂衣架</a>
              <a href="javascript:;" class="pro-detail-item pro-fittingRoom-item-jz pro-detail-item_hover">镜子</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
          <!--抽屉柜-->
          <div class="item">
            <div class="item-top item-top02 item-top-drawer">
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-ls">螺  丝</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-lz">轮  子</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-gd">轨  道</a>
              <a href="javascript:;" class="pro-detail-item pro-drawer-item-mbs">门把手</a>
            </div>
            <a href="javascript:;" class="item-btn item-btn-gray">
              确定
            </a>
          </div>
          <!--柜门-->
          <div class="item">
            <div class="item-top item-top02 item-top-drawerDoor">
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-cz">表面材质</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-ys">钥  匙</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-ms pro-detail-item_hover">门  锁</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-mz pro-detail-item_hover">门  轴</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-cb">层  板</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-gd">轨  道</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-sct">锁插头</a>
              <a href="javascript:;" class="pro-detail-item pro-drawerDoor-item-mbs">门把手</a>
            </div>
            <a href="javascript:;" class="item-btn">
              确定（2）
            </a>
          </div>
        </div>
      </div>

    </div>

    <div class="plant-tit mt30">
      <p class="span01"> 电器类别 </p><p class="span02 fz16" style="line-height:35px;">选择具体类别有助于维修师傅为您带来更高效的服务。不想选择，也可以<a href="javascript:;" class="color-blue">直接下单＞</a></p>
    </div>
    <div class="maintain-top-box maintain-top-apartment-ele">
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-dhj">
        <em class="icon"></em>
        <span>电话机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-dsj">
        <em class="icon"></em>
        <span>电视机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-kt">
        <em class="icon"></em>
        <span>空调</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-yyj">
        <em class="icon"></em>
        <span>油烟机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-jsq">
        <em class="icon"></em>
        <span>净水器</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-bx">
        <em class="icon"></em>
        <span>冰箱</span>
      </a>

      <a href="javascript:;" class="maintain-item maintain-apartment-ele-dn">
        <em class="icon"></em>
        <span>电脑</span>
      </a>

      <a href="javascript:;" class="maintain-item maintain-apartment-ele-ysj">
        <em class="icon"></em>
        <span>饮水机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-kfj">
        <em class="icon"></em>
        <span>咖啡机</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-wbl">
        <em class="icon"></em>
        <span>微波炉</span>
      </a>
      <a href="javascript:;" class="maintain-item maintain-apartment-ele-rsq">
        <em class="icon"></em>
        <span>热水器</span>
      </a>
    </div>
    <div class="maintain-tab">
      <a href="javascript:;" class="maintain-tab-item maintain-tab-item_hover">全部类别</a>
      <div id="product-ele">
        <div id="content-ele">
          <div id="content_list-ele">
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">电话机</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">电视机</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">空调</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">油烟机</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">净水器</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">冰箱</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">电脑</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">饮水机</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">咖啡机</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">微波炉</a>
            <a href="javascript:;" class="maintain-tab-item apartment-ele-jumpTo">热水器</a>
          </div>
        </div>
        <span class="next-ele maintain-tab-item-more">》》</span>
      </div>
      <a href="javascript:;" class="maintain-tab-item-clear">清空选择</a>
    </div>
    <div class="pro-maintain pro-maintain-office-ele" data-class="office-ele-jumpTo">
      <div class="scroll-outer">
        <div id="scroll2" class="owl-carousel scroll">
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">电话机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">电视机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">空调</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">油烟机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">净水器</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">冰箱</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">电脑</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>

          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">饮水机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">咖啡机</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">微波炉</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
          <div class="item">
            <div class="office-ele-img">
              <img src="images/pic_shop.png" alt=""><span></span>
            </div>
            <p class="office-ele-text">热水器</p>
            <p class="office-ele-intro">
              <span class="span01">维修价</span>
              <span class="span02">￥40.00~￥100.00</span>
            </p>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
<!--公共底部  footer start-->
<footer>
  <div class="container">
    <div class="footer-left">
      <dl class="footer-link footer-link-server">
        <dt>双欧服务平台</dt>
        <dd><a href="javascript:;">保洁服务</a></dd>
        <dd><a href="javascript:;">维修服务</a></dd>
        <dd><a href="javascript:;">绿植服务</a></dd>
        <dd><a href="javascript:;">净化服务</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>关于双鸥</dt>
        <dd><a href="javascript:;">双鸥介绍</a></dd>
        <dd><a href="javascript:;">联系我们</a></dd>
        <dd><a href="javascript:;">服务反馈</a></dd>
        <dd><a href="javascript:;">平台协议</a></dd>
      </dl>
      <dl class="footer-link footer-link-about">
        <dt>市场合作</dt>
        <dd><a href="javascript:;">成为企业用户</a></dd>
        <dd><a href="javascript:;">申请加入我们</a></dd>
      </dl>
    </div>
    <div class="footer-right">
      <div class="contact-info">
        <span class="tel">TEL: 021-55235501</span>
        <span class="work-time">(周一至周五 10:00-19:00)</span>
          <span class="contact">
            邮箱：Info@serviceo2o.com<br>传真：021-55235512
          </span>
      </div>
      <div class="qr">
        <img src="images/qr.jpg" alt="">
        <span class="text">【关注双鸥公众号】</span>
      </div>
    </div>
  </div>
  <div class="footer-btm">
    <div class="container">
      <span class="icon footer-logo bg-pic_footer_shuangou">双欧</span>
      <span class="text">Copyright © 2018 SOA 双鸥环境服务  版权所有</span>
    </div>
  </div>
</footer>
<!--公共头部  footer end-->
<div class="mask none"></div>
<!--pop start-->
<div class="pop pop-city none">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <div class="pop-city-row">
      <p class="name">当前位置：</p>
      <p class="intro">
        <span class="city-item">上海</span>
      </p>
    </div>

    <div class="pop-city-row">
      <p class="name">热门城市：</p>
      <p class="intro">
        <span class="city-item">北京</span>
        <span class="city-item city-item-select">上海</span>
        <span class="city-item">广州</span>
        <span class="city-item">深圳</span>
        <span class="city-item">杭州</span>
        <span class="city-item">天津</span>
        <span class="city-item">成都</span>
        <span class="city-item">西安</span>
        <span class="city-item">武汉</span>
        <span class="city-item">重庆</span>
        <span class="city-item">南京</span>
        <span class="city-item">郑州</span>
        <span class="city-item">济南</span>
        <span class="city-item">厦门</span>
      </p>
    </div>
    <div class="pop-city-row">
      <p class="name name-city">选择城市：</p>
      <div class="intro">
        <div class="infolist">
          <div class="liststyle">
          <span id="Province">
              <i>省</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择省">请选择省</a></li>
              </ul>
              <input type="hidden" name="cho_Province" value="请选择省">
          </span>
          <span id="City">
              <i>市</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择市">请选择市</a></li>
              </ul>
              <input type="hidden" name="cho_City" value="请选择市">
          </span>
          <span id="Area" style="display: none">
              <i>区</i>
              <ul>
                <li><a href="javascript:void(0)" alt="请选择区">请选择区</a></li>
              </ul>
              <input type="hidden" name="cho_Area" value="请选择区">
          </span>
          </div>
        </div>
      </div>
    </div>
    <div class="pop-btn-box">
      <a href="javascript:;" class="pop-cancel">取消</a>
      <a href="javascript:;" class="pop-submit">确定</a>
    </div>
  </div>
</div>
<!--pop end-->
<!--购物车-->
<div class="side-bar">
  <div class="cart-box none">
    <div class="cart-item-wrapper">

      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
      <a href="javascript:;" class="cart-item">
        <img class="cart-item-img" src="images/img_estate.jpg" alt="">
        <div class="cart-item-cont">
          <p class="name">小绿萝【清新空气办公桌必备…</p>
          <p class="info">大：口径20cm  高20cm   <span class="num">x1</span></p>
          <p class="money">￥10.00/月</p>
        </div>
      </a>
    </div>
    <div class="cart-all">
      <span class="num">x9</span>
      <span class="money">总计:￥10,300.00/月</span>
      <a href="javascript:;" class="pay-btn">去结算</a>
    </div>
  </div>
  <a href="javascript:;" class="shopping-cart bg-btn_cart_plant_n"></a>
  <i class="shopping-amount">5</i>
  <a href="javascript:;" class="back-top bg-btn_backtop_n none"></a>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/modernizr-custom-v2.7.1.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript">
  $(function(){
    var page = 1;
    var i = 8; //每版放4个图片
    //向后 按钮
    $("span.next").click(function(){    //绑定click事件
      var content = $("div#content");
      var content_list = $("div#content_list");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数

      if( !content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
          content_list.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
          page = 1;
        }else{
          content_list.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
          page++;
        }
      }
    });
    //往前 按钮
    $("span.prev").click(function(){
      var content = $("div#content");
      var content_list = $("div#content_list");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
      if(!content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if(page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
          content_list.animate({ left : '-='+v_width*(page_count-1) }, "slow");
          page = page_count;
        }else{
          content_list.animate({ left : '+='+v_width }, "slow");
          page--;
        }
      }
    });
  });
  $(function(){
    var page = 1;
    var i = 8; //每版放4个图片
    //向后 按钮
    $("span.next-ele").click(function(){    //绑定click事件
      var content = $("div#content-ele");
      var content_list = $("div#content_list-ele");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数

      if( !content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if( page == page_count ){  //已经到最后一个版面了,如果再向后，必须跳转到第一个版面。
          content_list.animate({ left : '0px'}, "slow"); //通过改变left值，跳转到第一个版面
          page = 1;
        }else{
          content_list.animate({ left : '-='+v_width }, "slow");  //通过改变left值，达到每次换一个版面
          page++;
        }
      }
    });
    //往前 按钮
    $("span.prev-ele").click(function(){
      var content = $("div#content-ele");
      var content_list = $("div#content_list-ele");
      var v_width = content.width();
      var len = content.find("a").length;
      var page_count = Math.ceil(len / i) ;   //只要不是整数，就往大的方向取最小的整数
      if(!content_list.is(":animated") ){    //判断“内容展示区域”是否正在处于动画
        if(page == 1 ){  //已经到第一个版面了,如果再向前，必须跳转到最后一个版面。
          content_list.animate({ left : '-='+v_width*(page_count-1) }, "slow");
          page = page_count;
        }else{
          content_list.animate({ left : '+='+v_width }, "slow");
          page--;
        }
      }
    });
  });
</script>
<script type="text/javascript">
  $(function () {
//    var maintainNum = $('.item-top').find('.pro-detail-item_hover').length;
//    console.log(maintainNum);
    $(".pro-detail-item").click(function(){
        var $this = $(this);
      var parentIndex = $this.parents('.owl-item').index();
      var parentClass = $this.parents('.pro-maintain').attr('data-class');
      var parentHtml = $('.'+parentClass).eq(parentIndex).html().split('（')[0];

      $this.toggleClass('pro-detail-item_hover');
      var maintainNum = $this.parent().find('.pro-detail-item_hover').length;
      if(maintainNum>0){
        $this.parent().next().removeClass('item-btn-gray').html("确定（"+maintainNum+"）");
        $("."+parentClass).eq(parentIndex).html(parentHtml+"（"+maintainNum+"）");
      }else {
        $this.parent().next().addClass('item-btn-gray').html("确定");
        $("."+parentClass).eq(parentIndex).html(parentHtml);
//        $("."+parentClass).eq(parentIndex).removeClass('maintain-tab-item_hover').html(parentHtml);
      }
    });
    
    $(".maintain-tab-item").click(function(){
        $(this).addClass('maintain-tab-item_hover').siblings().removeClass('maintain-tab-item_hover')
    });
    
    $('#scroll').owlCarousel({
      items: 2,
      autoPlay: false,
      navigation: true,
      navigationText: ["", ""],
      scrollPerPage: true
    });
    $('#scroll2').owlCarousel({
      items: 6,
      autoPlay: false,
      navigation: true,
      navigationText: ["", ""],
      scrollPerPage: true,
      pagination:false
    });


    $('.apartment-jumpTo').click(function(){
      var index = $(this).index();
      $('#scroll').trigger('owl.goTo', index)
    });

    $('.apartment-ele-jumpTo').click(function(){
      var index = $(this).index();
      $('#scroll2').trigger('owl.goTo', index)
    });

  });
</script>
</body>
</html>